<!-- eslint-disable vue/multi-word-component-names -->
<!-- 个人中心主页面PersonalManage -->
<template>
  <div class="dddddddd">
    <el-container style="" class="el-c">
      <el-aside class="el-as">
      <el-menu
        class="el-menu-vertical-demo"
        router
        style="width:200px;border: solid 1px #e6e6e6;margin-left:80px;user-select: none;"
        >
        <el-menu-item index="Timetable">
          <span slot="title" class="spanccc">已购课程</span>
        </el-menu-item>
        <el-menu-item index="VipCenter">
          <span slot="title">会员中心</span>
        </el-menu-item>
        <el-menu-item index="Order">
          <span slot="title">订单</span>
        </el-menu-item>
        <el-menu-item index="PersonalInfo">
          <span slot="title">个人信息</span>
        </el-menu-item>
        <el-menu-item index="Collection">
          <span slot="title">收藏</span>
        </el-menu-item>
      </el-menu></el-aside>
      <el-main style="margin-bottom:40px">
          <router-view/>
      </el-main>
    </el-container>
  </div>
</template>

<script>
export default {

}
</script>

<style>
.el-menu-item.is-active {
  color: rgb(63, 185, 103);
  background: rgb(245, 255, 249);
}
.el-menu-item:hover{
  outline: 0;
  background-color: rgb(245, 255, 249);
}
.el-c{
    width:1200px;
    margin:0 auto;
    padding-top:100px
}
.el-as{
    width:200px;
    height: 100%;
    margin-top:20px ;
}
.el-m-i{
  width:198px;
}
.dddddddd{
  width:100%;
  background:#f4f4f4 !important
}
</style>
